import React, { Component } from "react";
import "./style.css";

class Banner extends Component {
  render() {
    const { dark } = this.props;
    const style = dark
      ? {
          backgroundImage:
            "url(https://www.dpfile.com/app/node-mobile-m-isomorphism-web/static/ee72da6bea423a71f81c4e0be8a1dcf7.png)"
        }
      : null;
    return (
      <header className="banner" style={style}>
        <div className="banner__title">
          <span className="banner__logo" />
          <span className="banner__text">吃喝玩乐，找优惠</span>
        </div>
        <div className="banner__btns">
          <a
            className="banner__btn"
            href="https://evt.dianping.com/synthesislink/6702.html"
          >
            打开大众点评
          </a>
          <a
            className="banner__btn banner__btn--bg"
            href="https://m.dianping.com/download/redirect?id=11186"
          >
            下载APP享特价
          </a>
        </div>
      </header>
    );
  }
}

export default Banner;
